草庐IT

vue 组件的引用

全部标签

javascript - 如何将 Prop 传递给组件的故事?

我想为vue-select添加一些故事组件使用Storybook,但我正在努力处理更复杂的案例,其中涉及传递Prop或方法。当我在模板内传递Prop时它起作用:storiesOf('VSelect',module).add('withlabeledcustomoptions',()=>({components:{VSelect},template:``}))我发现它的可读性不是很好,所以我想将它们分别作为props或data传递:.add('withlabeledcustomoptionsasprops',()=>({components:{VSelect},props:{option

javascript - 刷新 vue 应用程序给出 : Cannot GET/path

我有一个简单的webpack模板vue应用程序,假设我有一个页面http://localhost:8080/profile在我的本地页面上,我可以从任何页面转到/profile,甚至在/profile上一次,我可以刷新/重新加载页面,并且不会出现任何错误。但是我在heroku上部署了我的应用程序,即使我可以从任何页面导航到任何其他页面,但是如果我在/profile页面上,我点击刷新我得到CannotGET/statement可能是什么问题? 最佳答案 您尝试在没有后端的情况下使用路由器的历史记录模式。为了让事情正常进行,你可以使用E

JavaScript 语言引用手册

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。是否有完整的、最新的和可下载的JavaScript语言引用手册!?

javascript - 通过函数了解引用传递与值传递

据我所知,在JavaScript中对象是通过引用传递的(而原语是通过值传递的?)。vara,b;a={Foo:"Bar"}b=a;a.Foo="Other";console.log(b.Foo);//"Other"这与数组的工作方式类似,但与我预期的函数不同:vara,b;a=function(){return20;}b=a;a=function(){return40;}console.log(b());//returns20?我很困惑,因为我认为函数是对象。上面的例子不应该返回40吗? 最佳答案 在第一种情况下,a.Foo=...

javascript - 当 redux 状态更新时在组件上调用 forceUpdate()

我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

javascript - Vue (nuxt) 中的全局组件

在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'importBlGridfrom'~component

javascript - 使用 TypeScript 强制 React 组件命名

有React+TypeScript的应用,所有的组件类都要大写,有Component后缀,例如:exportclassFooBarComponentextendsReact.Component{...}应用程序被弹出create-react-application应用程序,即使用Webpack构建。如何强制组件命名与样式指南保持一致,至少对于组件类而言,当存在不一致时会在构建时抛出错误?我相信这不能单独使用TSLint/ESLint来实现。如果应该对TypeScript和JavaScript使用不同的方法,那么针对这两种语言的解决方案会很有帮助。 最佳答案

javascript - 有什么方法可以在 Node.js 中对字符串进行正则表达式引用吗?

我想创建一个与字符串foo完全匹配的正则表达式,即使foo包含元字符。这有时称为RegExp.quote。有没有办法在Node.js环境(或者更广泛地说,v8/Chrome/WebKit/JavaScript)中执行此操作? 最佳答案 npminstallregexp-quoteRegExp.quote=require('regexp-quote')//optionalnewRegExp(RegExp.quote(foo)) 关于javascript-有什么方法可以在Node.js中对字

javascript - 如何获取对 Kendo UI TabStrip 中当前选定选项卡的引用?

我正在创建一种方法来删除基于“x”图像的KendoUITabStrip选项卡。我希望它以与其他选项卡控件(例如Chrome/IE)相同的方式工作:如果事件标签已关闭,则选择下一个标签(或者如果它是最后一个标签,则选择上一个标签)。如果它不是事件标签,则确保事件标签保持打开状态。我认为我需要获取对当前选项卡的引用,然后检查要删除的选项卡是否是事件选项卡。目前我的代码只是关闭与点击图片相关的选项卡:functionDeleteTab(imgObj){vartabStrip=$("#tabstrip").data("kendoTabStrip");vardeleteIndex=$(imgOb

javascript - Vue debounce 一个方法?

我知道Vue.js具有内置的功能来消除输入字段的抖动。我创建了一个slider来触发一个不使用输入字段的方法,我想知道我是否可以利用方法内部的去抖动功能。除了简单地向输入添加去抖动之外,是否有可能使用此功能?还是我需要为此编写自己的功能?我刚刚试过做这样的事情,但它似乎不起作用:this.$options.filters.debounce(this.search(),2000); 最佳答案 对于任何想知道如何做到这一点的人。我通过使用我发现的一个很棒的小片段修复了这个问题:我的数据中的属性timer:0去抖动功能//clearsth